<template>
    <div>
        <!-- 大首页 -->
        <router-view></router-view>
        <footer>
            <ul>
                
                <li>
                    <router-link to='/index/home'  active-class="cur">
                    <span class="iconfont">&#xeb70;</span><br>
                    <span>商城</span>
                    </router-link>
                </li>                
                <li>
                    <router-link to='/index/sort' active-class="cur">
                    <span class="iconfont">&#xeb70;</span><br>
                    <span>分类</span>
                    </router-link>
                </li>                
                <li>
                    <router-link to='/index/shop' active-class="cur">
                    <span class="iconfont">&#xeb70;</span><br>
                    <span>购物车</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="mine" active-class="cur">
                    <span class="iconfont">&#xeb70;</span><br>
                    <span>我</span>
                    </router-link>
                </li>
                
            </ul>
            <!-- <p></p> -->
        </footer>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
footer {
  width: 100vw;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 1.3rem;
  border-top: 1px solid #cccccc;
  padding: 0.14rem 0 0.16rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
footer ul {
  display: flex;
  justify-content: space-around;
}
footer ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #acacac;
  font-size: 0.18rem;
}
/* footer ul li.cur {
  color: #ff6040;
} */
footer ul li span.iconfont {
  color: 999999;
  font-size: 0.4rem;
}
footer p {
  width: 2.7rem;
  height: 0.1rem;
  background-color: #000;
  border-radius: 0.05rem;
  margin-left: 2.4rem;
}
.cur{
    color: #ff6040 !important; 
}
</style>